@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#292929;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#292929; }
a:hover{ color:#0172c2;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

.barwrap{ width:100%;background:#FFF; position:fixed; top:0; left:0; right:0; height:115px; margin-left:auto;margin-right:auto;z-index:10000;}


.cydaohang{ width:1300px; margin:0 auto;}

#nav {
	width:736px;
	margin-top:25px;
	height:58px; line-height:58px;
	float:left;

}
#nav li a {
	display: block;
	width: 105px;
	text-align:center;
	color:#636363;
	font-weight:bold;

}
#nav li {
 float: left; width:105px;
}
#nav li a:hover{
	text-decoration:none;
	color:#122a85;
}

#nav li a#cur01{
	text-decoration:none;
	color:#0172c2;
	text-decoration:underline;
}
#nav li ul {
	line-height:45px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 105px;
	position: absolute;
	border-top-style: none;
	overflow:hidden;
	z-index:10000;
}

#nav li ul li{
	float: left;
	width: 105px;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: 1px solid #e8e8e9;
	border-right: none #6b8549;
	border-bottom:none;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
 width: 105px;
 text-align:center;
 font-weight:normal;
 font-size:12px;
}
#nav li ul a:link  {
 color:#5d5d5d; text-decoration:none;
}
#nav li ul a:visited  {
 color:#5d5d5d;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#0172c2;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

.barwrap.on{ animation-name: down; animation-duration: 1s;background:#FFF; top:0;border-bottom:1px solid #CCC;}
.barwrap.on li a:hover{ color:#3388ca;}	

.hlsp01{ width:255px; font-size:16px; margin-top:40px;}
.hlsp01 strong{ font-size:18px; color:#0172c2;}
/******************************/
.ad{text-align: center; margin-top:2px;}
.ad .item{ font-size: 0;background: #535353;}
.owl-theme .owl-controls{ margin-top: -45px !important;}
/*******************************************************************/

.aboutwrap{ width:100%; background:url(../images/aboutbg.jpg) no-repeat bottom center; margin:0 auto;}
.hlabout{ width:1200px; margin:0 auto; background:url(../images/abouttitle.gif) no-repeat left;}
.hlabout2{ width:1200px; float:left; margin-top:80px;}
.hlabout2 h1{ width:650px; margin:0 auto; border-top:1px solid #000; padding:30px 0 0 0; text-align:center; font-size:54px;}
.hlabout2 h1 strong{ color:#0172c2;}
.hlabout2 h2{ width:650px; margin:0 auto;border-bottom:1px solid #000; text-align:center; font-size:16px; font-weight:normal; margin-top:12px; padding-bottom:30px;}
.hlh3{ width:650px; margin:0 auto; text-align:center; margin-top:20px; font-size:14px; text-transform:uppercase; letter-spacing:3px; margin-top:12px; font-weight:normal;}

.hlp01{ width:1200px; float:left; margin-top:25px; line-height:23px; text-align:center;}

.hlaboutmore{ width:51px; height:106px; margin:0 auto; background:url(../images/aboutmore.png) no-repeat; margin-top:50px; overflow:hidden;}
/*******************************/

.hlshuzi{ width:100%; margin:0 auto; background:url(../images/shuzibg.jpg) no-repeat top center; height:341px; overflow:hidden;}
/****************/

.hlcptitle{ width:1200px; margin:0 auto; margin-top:60px; text-align:center; font-size:40px;}
.hlcplibiao{ width:1200px; margin:0 auto;}
.hlcplibiao ul{ width:100%; float:left;}
.hlcplibiao li{ width:18%; float:left; margin:2% 1%;}
.hlcplibiao li a img{ width:100%; height:auto; float:left;}
.hlcplibiao li a span{ display:block; width:100%; float:left; height:42px; line-height:42px; font-size:17px; text-align:center; background:#f6f6f7; border-bottom:4px solid #097d0e;}
.hlcplibiao li:hover a span{ display:block; width:100%; float:left; background:#097d0e; color:#FFF;}

#products{ width:1330px; margin:0 auto; margin-top:20px;}
#products #products_con{ margin:0px; padding:0px; height:393px;}
#products_con .LeftBotton {height:393px; width:65px; background:url(../images/zuoll.png) 0px center no-repeat; float:left; cursor:pointer;}
#products_con .LeftBotton:hover{ background:url(../images/zuoll2.png) 0px center no-repeat;}
#products_con .RightBotton {height:393px; width:65px; background:url(../images/yourr.png) 0px center no-repeat; float:right; cursor:pointer;}
#products_con .RightBotton:hover{ background:url(../images/yourr2.png) 0px center no-repeat;}
#products_con .Cont {width:1200px; overflow:hidden; float:left;}
#products_con .ScrCont{width:10000000px; padding:0; float:left;}
#products_con #List1, #products_con #List2 {float:left; padding:0px; margin:0px;}
#products_con .Cont li{float:left; list-style:none; overflow:hidden; margin:0 15px; text-align:center;}
#products_con img{ margin-bottom:12px;}
#products_con .Cont li a{ font-size:16px; font-weight:bold;}
/********/

.products{ width:100%; margin:0 auto; margin-top:25px;}
.products ul{ overflow:hidden; text-decoration:none;}
.products ul li{ float:left; width:384px; text-align:center; overflow:hidden;}
#demo {overflow:hidden;width:100%;}
#indemo {float: left;width:800%;}
#demo1 {float: left;}
#demo2 {float: left;}
.products ul li a{ display:block; width:384px; height:584px; float:left; position:relative;}
.alimg{ position:relative; z-index:1; float:left;width:384px; height:584px;}
.almc{ width:384px; height:584px; position:absolute; float:left; z-index:100; display:none;}
.products ul li:hover .almc{ display:block; background:url(../images/divbg.png) repeat; color:#FFF; }
.almc h1{ font-size:30px; display:block; float:left; width:100%; text-align:center;margin-top:60%; font-weight:normal;}
.alspan{ width:125px; height:45px; display:block; float:left; margin-left:31%;margin-top:30px; line-height:45px; text-align:center; border:3px solid #FFF; color:#FFF;}
/*******************/

.hlxinwen{ width:1200px; margin:0 auto;}
.hlxinwen1{ width:613px; margin-top:20px;}
.xwping{ width:100%; height:auto;}

.hlul01{ width:100%; margin-top:15px;}
.hlul01 li{ width:100%; float:left; line-height:40px;}
.hlul01 li span{ display:block; width:125px; float:right; text-align:right;}

.hlxinwen2{ width:557px; margin-left:30px;}
.hlxinwen2 ul{ width:100%; float:left;}
.hlxinwen2 li{ width:100%; float:left; margin-top:20px;}
.hlxinwen2 li span{ display:block; width:17%; padding:20px 0; float:left; line-height:29px; background:#f6f6f7; text-align:center; color:#c2c2c2;}
.hlxinwen2 li span strong{ font-size:42px;}
.hlxwdiv{ width:74%; margin-left:3%; background:#f6f6f7; padding:15px 2%;}
.hlxwdiv h1{ display:block; width:100%; float:left; font-size:16px; }
.hlxwdiv h2{ display:block; width:100%; float:left; font-size:14px; font-weight:normal;color:#292929; margin-top:10px;}
.hlxwdiv h1 a{color:#292929;}
.hlxwdiv h2 a{color:#292929;}
.hlxinwen2 li:hover span{ background:#0172c2; color:#FFF;}
.hlxinwen2 li:hover div{background:#0172c2;}
.hlxinwen2 li:hover div a{ color:#FFF;}
/****************/


.hlfoot{ width:100%; background:#f6f6f7; padding:50px 0; margin-top:30px;}
.hlfoot2{ width:1200px; margin:0 auto;}
.hlfoot2-1{ width:500px;}
.hlfoot2-1 p{ width:100%; float:left; line-height:22px; margin-top:20px;}

.hlfoot2-2{ width:115px;}
.hlfoot2-2 h1{ display:block; width:100%; float:left; text-align:center; font-size:16px;}
.hlfoot2-2 ul{ width:100%; float:left; text-align:center; margin-top:12px;}
.hlfoot2-2 li{ width:100%; float:left; text-align:center; line-height:25px;} 

.hlfoot2-3{ width:180px; text-align:right;}
.hlfoot2-3 strong{ font-size:24px; color:#0172c2;}
.hlfoot2-3 img{ margin-top:15px;}
.fotmm{ margin-left:43px;}

.hlfoot3{ width:1200px; margin:0 auto; height:50px; line-height:50px; border-top:1px solid #CCC; margin-top:30px;}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#122987 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#122987 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#122987 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/****/


.neiba {
    overflow: hidden;
    width: 100%;
}
.slideshowba {
    height:300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/****/

.hlneiye{ width:80%; margin:0 auto; margin-top:35px;}
.hlneileft{ width:20%;}
.hlneileft span{ display:block; float:left; width:100%; background:url(../images/icon-right.png) no-repeat right; height:65px; line-height:65px; border-bottom:2px solid #e0e0e0; font-size:20px; font-weight:bold;}
.hlneileft ul{ width:100%; float:left;}
.hlneileft li{ width:90%; margin-left:10%; float:left; line-height:50px; height:50px; border-bottom:2px solid #e0e0e0; font-size:16px;}

.hlneiright{ width:69.5%; margin-left:5%; border-left:2px solid #e0e0e0; padding-left:5%;}
.hlh12{ width:100%; font-size:25px; color:#0372c3;}
.hlh22{ width:100%; font-size:16px; font-weight:normal; margin-top:15px; color:#999;}
.hlneiright1{ width:100%; line-height:27px; margin-top:20px;}

.hlneiright2{ width:100%;}
.hlneiright2 ul{ width:100%; float:left;}
.hlneiright2 li{ width:30.3333%; float:left; margin:2% 1.5%;}
.hlcpimg{ width:100%; font-size:16px; font-weight:bold;}
.hlcpimg img{ width:100%; float:left; height:auto; margin-bottom:12px; border:1px solid #999;}
.hlcpmore{ width:125px; height:35px; line-height:35px; border:1px solid #999; margin-top:25px; text-align:center; color:#999;}
.hlcpmore:hover{ background:#0373c5; color:#FFF; border:1px solid #0373c5;}

.hlneiright3{ width:100%;}
.hlneiright3 ul{ width:100%; float:left;}
.hlneiright3 li{ width:95%; float:left; border:1px solid #999; margin:15px 0; line-height:45px; padding:0 2%;}
.hlneiright3 span{ display:block; width:200px; float:right; text-align:right;}
/*************/

.hlneiright4{ width:100%;}
.cxlianxi{ width:100%; height:580px; margin-top:35px; position:relative; }
.cxlxfs1{ width:32%; background:#0373c5; color:#FFF; top:17%; padding:30px 15px; position:absolute; z-index:1; box-sizing: border-box; left:0;}
.cxlxfs1 h1{ display:block; width:100%; float:left; color:#FFF; font-size:20px; }
.hlh13{ margin-top:35px;}
.cxlxfs1 p{ width:100%; float:left;line-height:29px; color:#FFF; margin-top:20px;}

.cxlxfs2{ width:75%; background:#edebeb;/*box-shadow: 10px 10px 5px #888888;*/ position:absolute; right:0;}
.message{height:487px;margin-top:20px; width:90%; margin-left:10%;}
.message h1{display:block; width:100%; float:left; color:#FFF; font-size:20px; color:#0570be;}
.message .box{ width:100%; float:left; margin-top:25px;}
.message .box li{line-height:42px;margin-bottom:15px;float:left; background:#edebeb;}

#lxli01{ width:47%; margin:0 1.5%;border-bottom:1px solid #000;}
#lxli02{ width:98.5%; margin-left:1.5%;border-bottom:1px solid #000;}

.message .box li .input-text{height:38px;line-height:38px; text-indent:12px; border:none; width:100%; background:#edebeb;}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text{height:60px;line-height:24px;text-indent:12px;resize:none}
.message .box li.btn{margin-right:40px; margin-left:1.5%;}
.message .box li .button{cursor:pointer;width:100px;border:none;height:40px;background-color:#0373c5;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#bb931a; color:#FFF;}
/*********************/


.dc_pages{ width:100%; float:left; margin-top:25px; margin-bottom:25px;}
.dc_pages1{ width:610px; margin:0 auto;}
.dc_pages1 a{ display:block; color:#999; width:100px; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}
.dc_pages1 a:hover{ display:block; background:#bb931a; color:#FFF;}


.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}